<!DOCTYPE html>
{% load i18n %}
<html>
<head>
    {% block head %}
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>{{ APP_CODE }}</title>
        <link rel="icon" href="{{ STATIC_URL }}open/favicon.ico" type="image/x-icon">
        <meta name="description" content=""/>
        <meta name="author" content=""/>
        <!-- bootstrap css -->
        <link href="{{ REMOTE_STATIC_URL }}v3/assets/bootstrap-3.3.4/css/bootstrap.min.css" rel="stylesheet">
        <!-- 禁止bootstrap 响应式 （app根据自身需求启用或禁止bootstrap响应式） -->
        <link href="{{ REMOTE_STATIC_URL }}v3/assets/bootstrap-3.3.4/css/bootstrap_noresponsive.css" rel="stylesheet">
        <!-- jquery ui css-->
        <link href="{{ REMOTE_STATIC_URL }}v3/assets/jquery-ui-1.11.0.custom/jquery-ui.min.css" rel="stylesheet">
        <!--自定义css-->
        <link href="{{ STATIC_URL }}open/css/bk.css?v={{ STATIC_VERSION }}" rel="stylesheet">
        <!-- 平台cs	 -->
        <link href="{{ REMOTE_STATIC_URL }}v3/bk/css/bk.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}open/css/index.css?v={{ STATIC_VERSION }}">

        <link href="https://magicbox.bk.tencent.com/static_api/v3/bk/css-pro/bk.css" rel="stylesheet">
        <link href="https://magicbox.bk.tencent.com/static_api/v3/components_pro/layout6/css/index.css" rel="stylesheet">
        <link href="https://magicbox.bk.tencent.com/static_api/v3/assets/bk-icon-2.0/iconfont.css" rel="stylesheet">
        <link href="https://magicbox.bk.tencent.com/static_api/v3/bk/css-pro/components/dialog.css" rel="stylesheet">
        <!--    <link href="https://magicbox.bk.tencent.com/static_api/v3/bk/css-pro/components/form.css" rel="stylesheet">-->
        <link href="https://magicbox.bk.tencent.com/static_api/v3/assets/daterangepicker-2.0.5/daterangepicker-2.0.css" rel="stylesheet">
        <link href="https://magicbox.bk.tencent.com/static_api/v3/assets/umeditor-1.2.2/themes/default/css/umeditor.css" rel="stylesheet">
        <style>
            /*如果你需要给你的应用固定高度和宽度，请在这里修改*/
            body {
                min-width: 1202px;
            }

            .container {
                width: auto;
                min-width: 1200px;
            }

            .king-navbar-active {
                background: RGB(40, 50, 66);
            }

            .resource {
                width: 24%;
                margin: 10px 0 10px 10px;
                border-radius: 5px;
                display: block;
                float: left
            }

            .resource_info {
                color: white;
                font-weight: bold;
                font-size: 20px;
                line-height: 50px;
                margin-left: 10%;
            }

            .span2 {
                display: block;
                float: right;
                font-size: 40px;
                margin: 25px 30% 0 0;
                height: 50px;
            }

        </style>
    {% endblock %}
</head>

<!-- echarts js  -->
<script type="text/javascript" src="https://fastly.jsdelivr.net/npm/echarts@5.4.0/dist/echarts.min.js"></script>

<body>
<!--顶部导航 Start-->
<nav class="bk-horz-nav11">
    <a href="{{ SITE_URL }}">
        <div class="bk-nav-logo f1">
            <img src="https://magicbox.bk.tencent.com/static_api/v3/bk/images/logo1.png">{% trans '蓝鲸智云' %}
        </div>
    </a>
    <div class="bk-nav-user fr">
        <span class="mr5">{{ USERNAME }}</span>
        <img src="https://magicbox.bk.tencent.com/static_api/v3/components_pro/horizontal_nav1/images/avatar.png">
    </div>
    <ul class="bk-nav-links fr">
        {% block navigation %}
            <li id="home">
                <a href="{{ SITE_URL }}"><span>{% trans '配置' %}</span></a>
            </li>
            <li id="deploy">
                <a href="{{ SITE_URL }}deploy_page/"><span>{% trans '发布' %}</span></a>
            </li>
            <li id="records">
                <a href="{{ SITE_URL }}record_page/"><span>{% trans '操作记录' %}</span></a>
            </li>
            <li class="bk-has-submenu" style="display: none">
                <a href="javascript:void(0);">
                    <span>{% trans "语言" %}</span>
                </a>
                <ul class="bk-submenu">
                    <li onclick="change_language('zh-hans')">
                        <a href="javascript:;">
                            简体中文
                        </a>
                    </li>
                    <li onclick="change_language('en')">
                        <a href="javascript:;">
                            English
                        </a>
                    </li>
                </ul>
            </li>
        {% endblock %}
    </ul>
</nav>
<!--顶部导航 End-->

<!-- 固定宽度居中 start -->
{% block content %}{% endblock %}

<!-- 固定宽度表单居中 end -->
<!-- 尾部声明 start -->
<div class="foot" id="footer">
    {% block footerline %} {% endblock %}
    <hr class="guide-cutting-line">
    <ul class="links ft">
        <li>
            <a id="contact_us" class="link">{% trans 'QQ咨询(800802001)' %}</a>
            | <a href="http://bbs.bk.tencent.com/forum.php" target="_blank" hotrep="hp.footer.feedback" class="link">{% trans '蓝鲸论坛' %}</a>
            | <a href="http://bk.tencent.com/" target="_blank" hotrep="hp.footer.feedback" class="link">{% trans '蓝鲸官网' %}</a>
            | <a href="{{ BK_URL }}" target="_blank" hotrep="hp.footer.feedback" class="link">{% trans '蓝鲸智云工作台' %}</a>
        </li>
        <p class="bk-footer-copyright">
            Copyright © 2012-{{ NOW.year }} Tencent BlueKing. All Rights Reserved. 蓝鲸智云 版权所有
        </p>
    </ul>
</div>
<!-- 尾部声明 start -->
</body>
{% block base_js %}
    <!-- jquery js  -->
    <script src="{{ REMOTE_STATIC_URL }}v3/assets/js/jquery-1.10.2.min.js"></script>
    <script src="{{ REMOTE_STATIC_URL }}jquery/jquery.json-2.3.min.js"></script>
    <!-- 处理jquery兼容问题，jQuery Migrate（迁移）插件包含了1.6.4以来存在但1.9已不支持所有API -->
    <script src="{{ REMOTE_STATIC_URL }}v3/assets/js/jquery-migrate-1.2.1.min.js"></script>
    <!-- bootstrap js  -->
    <script src="{{ REMOTE_STATIC_URL }}v3/assets/bootstrap-3.3.4/js/bootstrap.min.js"></script>
    <!-- jquery ui js-->
    <script src="{{ REMOTE_STATIC_URL }}v3/assets/jquery-ui-1.11.0.custom/jquery-ui.min.js"></script>
    <!-- 平台 js  -->
    <script src="{{ REMOTE_STATIC_URL }}v3/bk/js/bk.js"></script>

    <!-- # -----------------------要引入的文件-开始----------------------------->
    <script src="https://magicbox.bk.tencent.com/static_api/v3/assets/bkDialog-2.0/js/bkDialog.js"></script>
    {#    <script src="{{ SITE_URL }}static/datatables-1.10.7/jquery.dataTables.js"></script>#}
    {#    <script src="{{ SITE_URL }}static/datatables-1.10.7/dataTables.bootstrap.js"></script>#}
    {#    #}
    <script src="https://cdn.datatables.net/1.10.7/js/jquery.dataTables.js"></script>
    <script src="https://cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
    <script src="https://magicbox.bk.tencent.com/static_api/v3/assets/bkMessage-1.0/js/bkMessage.js"></script>
    <script src="https://magicbox.bk.tencent.com/static_api/v3/assets/validate-1.14.0/js/jquery.validate.js"></script>
    <!-- # -----------------------要引入的文件-结束----------------------------->

    <!-- 这个是全局配置，如果需要在js中使用app_code和site_url,则这个javascript片段一定要保留 -->
    <script type="text/javascript">
        var app_code = "{{ APP_CODE }}";			// 在蓝鲸系统里面注册的"应用编码"
        var site_url = "{{ SITE_URL }}";			// app的url前缀,在ajax调用的时候，应该加上该前缀
        var remote_static_url = "{{ REMOTE_STATIC_URL }}";   //远程资源链接，403页面需要，不要删除
        var debug_mode = JSON.parse("{{ DEBUG }}");	// 是否调试模式
    </script>
    <!--统计js  勿删-->
    <script src="{{ REMOTE_STATIC_URL }}analysis.js?v={{ STATIC_VERSION }}"></script>
    <script src="{{ STATIC_URL }}account/login.js?v={{ STATIC_VERSION }}"></script>
    <script src="{{ STATIC_URL }}js/csrftoken.js?v={{ STATIC_VERSION }}"></script>

    <script>
        var relative_path = "{{ APP_PATH }}";
        if (relative_path == site_url)
            $('#home').addClass('king-navbar-active');
        else if (relative_path == site_url + "record_page/")
            $('#records').addClass('king-navbar-active');
        else if (relative_path == site_url + "deploy_page/")
            $('#deploy').addClass('king-navbar-active');

        function change_language(lang) {
            $.ajax({
                url: site_url + 'i18n/setlang/',
                method: 'post',
                data: {
                    'language': lang,
                },
                success: function (ret) {
                    window.location.reload()
                }
            })
        }
    </script>

{% endblock %}
{% block extra_block %}
    <!--
        这里放置子页面中附加内容，一般为js，注意子模版中的js如果使用到以上js库，必须放置在这里
     -->

{% endblock %}
</html>
